<template>
  <div class="index clearafter">
    <module-head></module-head>
    <div class="content flex">
      <div class="w220">
        <menu-list></menu-list>
      </div>
      <div class="w980 flex_full">
        <div class="h1_tit flex flex_between">
          <p class="flex flex_vcenter">
            <i class="titleTag"></i>
            <span class="fRedBig">问卷管理</span>
          </p>
        </div>
        <common-box2>
          <div class="pd20">
            <h3 class="tcenter">丹阳流行病学调查问卷</h3>
            <div>
              <h4 class="pTitle1">1. 身份确认</h4>
              <ul class="flex wrap baseInfo">
                <li>
                  <label>计算机编号 (CPNBR)</label>
                  <input type="text" class="qinput">
                </li>
                <li>
                  <label>姓名（NAME）</label>
                  <input type="text" class="qinput">
                </li>
                <li>
                  <label>性别 (SEX)</label>
                  <input type="radio" value="1"> 男
                  <input type="radio" value="2"> 女
                </li>
                <li>
                  <label>出生日期</label>
                  <input type="text" placeholder="请选择" class="qinput" id="birth"/>
                </li>
                <li>
                  <label>身份证号码</label>
                  <input type="text" class="qinput">
                </li>
                <li>
                  <label>教育程度</label>
                  <input type="text" class="qinput">
                </li>
                <li>
                  <label>婚姻状况</label>
                  <input type="text" class="qinput">
                </li>
                <li>
                  <label>家庭住址</label>
                  <input type="text" class="qinput">
                </li>
                <li>
                  <label>联系电话</label>
                  <input type="text" class="qinput">
                </li>
                <li>
                  <label>调查员编号（OBSQ）</label>
                  <input type="text" class="qinput">
                </li>
                <li>
                  <label>问卷日期</label>
                  <input type="text" placeholder="请选择" class="qinput" id="paperDate"/>
                </li>
              </ul>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题1：你有高血压吗？</h4>
              <div class="qcontent">
                <label>
                  <input type="radio">
                  有
                </label>
                <ul class="subQ">
                  <li class="form-inline">
                    <label>初诊日期是</label>
                    <input type="text" placeholder="请选择" class="qinput" id="startDate"/>
                  </li>
                  <li class="form-inline">
                    <label>目前是否服用降血压药物？</label>
                    <input type="radio" value="1"> 是
                    <input type="radio" value="2"> 否
                  </li>
                  <li>
                    <label>如果服药，请详细描述您服用的药物及每种药的每日剂量。</label>
                    <ul>
                      <li class="form-inline">
                        <label>药名</label>
                        <input type="text" class="qinput">
                        <label>量/日</label>
                        <input type="text" class="qinput">
                      </li>
                      <li class="form-inline">
                        <label>药名</label>
                        <input type="text" class="qinput">
                        <label>量/日</label>
                        <input type="text" class="qinput">
                      </li>
                      <li class="form-inline">
                        <label>药名</label>
                        <input type="text" class="qinput">
                        <label>量/日</label>
                        <input type="text" class="qinput">
                      </li>
                      <li class="form-inline">
                        <label>药名</label>
                        <input type="text" class="qinput">
                        <label>量/日</label>
                        <input type="text" class="qinput">
                      </li>
                    </ul>
                  </li>
                </ul>
                <label>
                  <input type="radio">无
                </label>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题2：你有糖尿病吗？</h4>
              <div class="qcontent">
                <label>
                  <input type="radio">
                  有
                </label>
                <ul class="subQ">
                  <li class="form-inline">
                    <label>初诊日期是</label>
                    <input type="text" placeholder="请选择" class="qinput" id="startDate"/>
                  </li>
                  <li class="form-inline">
                    <label>目前是否接受治疗？</label>
                    <input type="checkbox" value="1"> 饮食控制及运动
                    <input type="checkbox" value="2"> 口服降糖药物
                    <input type="checkbox" value="2"> 注射胰岛素
                  </li>
                </ul>
                <label>
                  <input type="radio">
                  无
                </label>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题3：你有其他疾病吗？</h4>
              <div class="qcontent">
                <label>
                  <input type="radio">
                  有
                </label>
                <ul class="subQ">
                  <li>
                    <label>请详细描述您所患过的疾病。开始日期指您所患疾病的第一症状出现的日期（月/年）。如已治愈，请提供治愈日期（月/年）及经治医院。</label>
                    <ul>
                      <li class="form-inline">
                        <label>疾病</label>
                        <input type="text" class="qinput">
                        <label>开始日期（年/月）</label>
                        <input type="text" class="qinput">
                        <label>治愈日期（年/月）</label>
                        <input type="text" class="qinput">
                        <label>经治医院</label>
                        <input type="text" class="qinput">
                      </li>
                      <li class="form-inline">
                        <label>疾病</label>
                        <input type="text" class="qinput">
                        <label>开始日期（年/月）</label>
                        <input type="text" class="qinput">
                        <label>治愈日期（年/月）</label>
                        <input type="text" class="qinput">
                        <label>经治医院</label>
                        <input type="text" class="qinput">
                      </li>
                      <li class="form-inline">
                        <label>疾病</label>
                        <input type="text" class="qinput">
                        <label>开始日期（年/月）</label>
                        <input type="text" class="qinput">
                        <label>治愈日期（年/月）</label>
                        <input type="text" class="qinput">
                        <label>经治医院</label>
                        <input type="text" class="qinput">
                      </li>
                    </ul>
                  </li>
                </ul>
                <label>
                  <input type="radio">
                  无
                </label>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题4：您近两周服用过药物吗？（除高血压药物外，包括避孕药和激素替代治疗）</h4>
              <div class="qcontent">
                <label>
                  <input type="radio">
                  有
                </label>
                <ul class="subQ">
                  <li>
                    <label>请详细描述您服用的药物及每种药物的每日剂量。</label>
                    <ul>
                      <li class="form-inline">
                        <label>药名</label>
                        <input type="text" class="qinput">
                        <label>剂量</label>
                        <input type="text" class="qinput">
                      </li>
                      <li class="form-inline">
                        <label>药名</label>
                        <input type="text" class="qinput">
                        <label>剂量</label>
                        <input type="text" class="qinput">
                      </li>
                      <li class="form-inline">
                        <label>药名</label>
                        <input type="text" class="qinput">
                        <label>剂量</label>
                        <input type="text" class="qinput">
                      </li>
                      <li class="form-inline">
                        <label>药名</label>
                        <input type="text" class="qinput">
                        <label>剂量</label>
                        <input type="text" class="qinput">
                      </li>
                    </ul>
                  </li>
                </ul>
                <label>
                  <input type="radio">无
                </label>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题5：您最近抽烟吗？</h4>
              <div class="qcontent">
                <label>
                  <input type="radio">
                  有
                </label>
                <ul class="subQ">
                  <li class="form-inline">
                    <label>每天吸多少支?</label>
                    <input type="text" class="qinput"/>支
                  </li>
                </ul>
                <label>
                  <input type="radio">无
                </label>
                <ul class="subQ">
                  <li class="form-inline">
                    <label>您以前吸烟吗？</label>
                    <input type="radio">是
                    <input type="radio">否
                  </li>
                  <li class="form-inline">
                    <label>如果您以前吸烟，您戒烟时多大年龄？</label>
                    <input type="text" class="qinput">岁
                  </li>
                </ul>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题6：您最近使用酒精饮料吗？</h4>
              <div class="qcontent">
                <label>
                  <input type="radio">
                  是
                </label>
                <ul class="subQ">
                  <li class="form-inline">
                    <label>您现在平均每天喝？</label>
                    <input type="text" class="qinput"/>克酒精
                  </li>
                </ul>
                <label>
                  <input type="radio">
                  否
                </label>
                <ul class="subQ">
                  <li class="form-inline">
                    <label>你以前饮酒吗？</label>
                    <input type="radio">是
                    <input type="radio">否
                  </li>
                  <li class="form-inline">
                    <label>如果您已经戒酒，您戒酒时多大年龄？</label>
                    <input type="text" class="qinput"/>岁
                  </li>
                </ul>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题7：您最近经常饮用咖啡、茶或其他含咖啡因的饮料（如可乐）吗？</h4>
              <div class="qcontent">
                <label>
                  <input type="radio">是
                </label>
                <ul class="subQ">
                  <li>
                    <label>请详细说明，您平均每天饮用咖啡、茶或可乐的杯数。</label>
                    <ul>
                      <li class="form-inline">
                        <label>咖啡</label>
                        <input type="text" class="qinput">ml
                      </li>
                      <li class="form-inline">
                        <label>茶</label>
                        <input type="text" class="qinput">ml
                      </li>
                      <li class="form-inline">
                        <label>可乐</label>
                        <input type="text" class="qinput">ml
                      </li>
                      <li class="form-inline">
                        <label>其它</label>
                        <input type="text" class="qinput">ml
                      </li>
                    </ul>
                  </li>
                </ul>
                <label>
                  <input type="radio">否
                </label>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题8：请问您今天吸过烟吗？</h4>
              <div class="qcontent">
                <label>
                  <input type="radio">是
                </label>
                <ul class="subQ">
                  <li class="form-inline">
                    <label>请问您最后一次吸烟是什么时间？</label>
                    <input type="text" class="qinput"/>（小时/分）
                  </li>
                </ul>
                <label>
                  <input type="radio">否
                </label>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题9：请问您今天饮过酒吗？</h4>
              <div class="qcontent">
                <label>
                  <input type="radio">是
                </label>
                <ul class="subQ">
                  <li class="form-inline">
                    <label>请问您最后一次饮酒是什么时间？</label>
                    <input type="text" class="qinput"/>（小时/分）
                  </li>
                </ul>
                <label>
                  <input type="radio">否
                </label>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题10：请问您今天喝过含咖啡因的饮料(茶或可乐)吗？</h4>
              <div class="qcontent">
                <label>
                  <input type="radio">是
                </label>
                <ul class="subQ">
                  <li class="form-inline">
                    <label>请问您最后一次喝含咖啡因的饮料是什么时间？</label>
                    <input type="text" class="qinput"/>（小时/分）
                  </li>
                </ul>
                <label>
                  <input type="radio">否
                </label>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题11：（只针对妇女询问）请提供有关您的月经信息。您有月经吗？</h4>
              <div class="qcontent">
                <label>
                  <input type="radio">是
                </label>
                <ul class="subQ">
                  <li>
                    <label>您在多大年龄开始有月经？</label>
                    <input type="text" class="qinput"/>岁
                  </li>
                  <li>
                    <label>请说明您最后一次来月经的日期。</label>
                    <input type="text" class="qinput"/>
                  </li>
                </ul>
                <label>
                  <input type="radio">否
                </label>
                <ul class="subQ">
                  <li>
                    <label>您现在怀孕了吗？</label>
                    <input type="radio"/>是
                    <input type="radio"/>否
                  </li>
                  <li>
                    <label>如果未怀孕，您多大年龄时绝经？</label>
                    <input type="text" class="qinput"/>岁
                  </li>
                </ul>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题12：请将您日常生活的体力程度，包括工作、体育运动及业余时间的活动按1～10分进行评分(A_GRAD)</h4>
              <div class="qcontent">
                <input type="text" class="qinput">分
                <label>
                  下面是用于评分的一些例子，如：
                </label>
                <ul class="subQ">
                  <li>
                    整天坐在椅子上的老人，其体力评分为1分。
                  </li>
                  <li>
                    公务员，坐着工作，但步行上班，且在业余时间做轻度田间劳动，其体力评分为4－5分。
                  </li>
                  <li>
                    家庭妇女，做一般家务劳动，其体力评分为4－5分。
                  </li>
                  <li>
                    农民，每天从事繁重的田间劳动，其体力评分为9－10分。
                  </li>
                </ul>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题13：请对您目前日常生活的精神压力、紧张程度按1～10分进行评分。</h4>
              <div class="qcontent">
                <input type="text" class="qinput">分
                <label>
                  下面是用于评分的一些例子，如：
                </label>
                <ul class="subQ">
                  <li>
                    生活安逸，没有感觉压力，可将他的紧张程度评为1－2分。
                  </li>
                  <li>
                    生活没有经济困难，但要担心以后的生活经济来源，可将他的紧张程度评为5－6分。
                  </li>
                  <li>
                    生活没有稳定收入，有经济困难，感觉压力很大，可将他的紧张程度评为9－10分。
                  </li>
                </ul>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">问题14：您定期参加体育运动吗？</h4>
              <div class="qcontent">
                <label>
                  <input type="radio">是
                </label>
                <ul class="subQ">
                  <li>
                    <label>您经常参加何种体运动？</label>
                    <input type="text" class="qinput"/>
                  </li>
                  <li class="form-inline">
                    <label>您从几岁开始经常参加体育运动（SP_AGE）？</label>
                    <input type="text" class="qinput"/>岁
                  </li>
                  <li class="form-inline">
                    <label>目前，您每周运动多少小时（SP_HRS）？</label>
                    <input type="text" class="qinput"/>小时
                  </li>
                  <li class="form-inline">
                    <label>经常步行吗 （WA_NOW）？</label>
                    <input type="radio" class="qinput"/>是
                    <input type="radio" class="qinput"/>否
                  </li>
                  <li class="form-inline">
                    <label>每天步行大约多少小时（WA_HRS） ？</label>
                    <input type="text" class="qinput"/>小时
                  </li>
                  <li class="form-inline">
                    <label>步行大约多少公里（WA_KM）？</label>
                    <input type="text" class="qinput"/>公里
                  </li>
                </ul>
                <label>
                  <input type="radio">否
                </label>
              </div>
            </div>
            <div class="line"></div>
            <div>
              <h4 class="pTitle1">坐位血压测量（欧姆龙）</h4>
              <div class="qcontent">
                <ul class="subQ">
                  <li>
                    <label>测量者姓名</label>
                    <input type="text" class="qinput"/>
                  </li>
                  <li>
                    <label>测量日期</label>
                    <input type="text" class="qinput"/>
                  </li>
                  <li>
                    <label>测量时间</label>
                    <input type="text" class="qinput"/>小时/分
                  </li>
                  <li>
                    <label>测量时室温</label>
                    <input type="text" class="qinput"/>摄氏度
                  </li>
                  <li>
                    <label>测量的上臂</label>
                    <input type="radio"/>左
                    <input type="radio"/>右
                  </li>
                  <li>
                    <ul>
                      <li>
                        <label>收缩压1</label>
                        <input type="text" class="qinput"/>
                        <label>/舒张压1</label>
                        <input type="text" class="qinput"/>mmHg
                        <label>心率1</label>
                        <input type="text" class="qinput"/>分
                      </li>
                      <li>
                        <label>收缩压2</label>
                        <input type="text" class="qinput"/>
                        <label>/舒张压2</label>
                        <input type="text" class="qinput"/>mmHg
                        <label>心率2</label>
                        <input type="text" class="qinput"/>分
                      </li>
                      <li>
                        <label>收缩压3</label>
                        <input type="text" class="qinput"/>
                        <label>/舒张压3</label>
                        <input type="text" class="qinput"/>mmHg
                        <label>心率3</label>
                        <input type="text" class="qinput"/>分
                      </li>
                    </ul>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </common-box2>
      </div>
    </div>
  </div>
</template>
<script>
  import 'assets/lib/bootstrap-3.3.2/js/bootstrap.min.js'
  import 'assets/lib/bootstrap-3.3.2/css/bootstrap.min.css'
  import 'assets/lib/laydate/laydate.js'
  import 'assets/lib/laydate/need/laydate.css'
  import 'assets/lib/laydate/skins/danlan/laydate.css'
  import 'assets/reset.css'
  import Public from 'assets/public.js'
  import moduleHead from 'components/module-head'
  import menuList from 'components/menu-list'
  import commonBox2 from 'components/commonBox2'

  export default {
    data () {
      return {
        birth: '',
        paperDate: '',
        startDate: ''
      }
    },
    components: {
      moduleHead, menuList, commonBox2
    },
    computed: {},
    ready () {
      var self = this
      laydate({
        elem: '#birth',
        max: laydate.now(),
        choose: function(datas) { //选择日期完毕的回调
          self.birth = datas
        }
      });
      laydate({
        elem: '#paperDate',
        max: laydate.now(),
        choose: function(datas) { //选择日期完毕的回调
          self.paperDate = datas
        }
      });
      laydate({
        elem: '#startDate',
        max: laydate.now(),
        choose: function(datas) { //选择日期完毕的回调
          self.startDate = datas
        }
      });
    },
    methods: {}
  }
</script>
<style scoped>
  .baseInfo{
    padding:10px 20px;
  }
  .baseInfo>li{
    width:30%;
    margin-bottom:10px;
    margin-right:1%;
  }
  .baseInfo label{
    width:140px;
  }
  .tcenter {
    text-align: center;
  }
  .line{
    border-bottom:2px solid #ddd;
  }
  .subQ{
    border:1px solid #EEC0A8;
    padding:10px;
    border-radius: 10px;
  }
  .subQ li{
    margin-bottom:10px;
  }
  .pTitle1{
    margin-top:20px;
  }
  .qcontent{
    padding:10px 20px;
  }
  .qinput{
    border:1px solid #ddd;
    border-radius: 5px;
  }
</style>
